<?
include_once '../persistencia/EstadoDAOClass.php';
include_once '../persistencia/CidadeDAOClass.php';
$tipo = $_POST['escolha_cad'];
?>
<script type="text/javascript">
    $(document).ready(function(){
        $("#estado").change(function(){
            var id_estado = $(this).val();
            $.ajax({
                type: "POST",
                url: "visualizacao/povoa_cidade.php",
                dataType: "html",
                data: {id_estado:id_estado},
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                success: function(html){
                    $("#cidade").html(html);
                }
            });
        });

        $("#mais_mail").click(function(){
            var mail = '<input type="text" name="email[]" maxlength="200" size="20"/><br/>';
            $("#mail").append(mail);
        });

        $("#mais_tel").click(function(){
            var telefone = '&nbsp;Telefone<br/>&nbsp;<input type="text" name="telefone[]" maxlength="12" size="15"/><br/>';
            var tipo_tel = '&nbsp;Tipo de telefone:<br/>&nbsp;<select id="tipo_telefone[]"><option value="">Escolha o tipo</option><option value="1">Residencial</option><option value="2">Comercial</option><option value="3">Celular</option></select><br/>';
            $("#tel").append(telefone+tipo_tel);
        });

        $(".verifica").blur(function(){
            if(!$(this).val()){
                $(this).css("backgroundColor","red");
                $("#verifica").show();
                $("#verifica").css("backgroundColor","yellow").html("Os campos em vermelho são obrigatórios");
            }else{
                $(this).css("backgroundColor","white");
                $("#verifica").hide();
            }
        });

    $("#form_user").submit(function(){

    });

});
</script>
<div>
    <form method="post" action="#" name="form_user">
        <fieldset>
            <legend>Cadastro de 
                <? if($tipo == "c_cad_aluno") {
                    print "Aluno";
                }else {
                    print "Professor";
                }?>
            </legend>
            <div id="cad">
                <div id="verifica"></div>
                Nome:<br/>
                <input type="text" name="nome" size="30" maxlength="35" class="verifica"/>
                <br/>
                Sobrenome:<br/>
                <input type="text" name="sobrenome" size="30" maxlength="35" class="verifica"/>
                <br/>
                CPF:<br/>
                <input type="text" name="cpf" size="11" maxlength="11" class="verifica"/>
                <br/>
                RG:<br/>
                <input type="text" name="rg" size="15" maxlength="15" class="verifica"/>
                <br/>
                Data de Nascimento:<br/>
                <input type="text" name="dt_nascimento" size="10" maxlength="10" class="verifica"/>
                <br/>
                Login:<br/>
                <input type="text" name="login" size="20" class="verifica"/>
                <br/>
                Senha:<br/>
                <input type="password" name="senha" size="20" class="verifica"/>
                <br/>
                Repetir senha:<br/>
                <input type="password" name="senha2" size="20" class="verifica"/>
                <br/>
            </div>

            <div id="cad">
                Endereço:<br/>
                <input type="text" name="endereco" size="30" class="verifica"/>
                <br/>
                Complemento:<br/>
                <input type="text" name="complemento" size="30"/>
                <br/>
                CEP:<br/>
                <input type="text" name="cep" size="8" maxlength="8" class="verifica"/>
                <br/>
                Estado:<br/>
                <?
                $estado = new EstadoDAOClass();
                $estado->selecionaEstados();
                ?>
                <br/>
                Cidade:<br/>
                <div id="cidade"></div>
                <br/>
            </div>

            <div id="cad">
                Email:
                <a href="#"><img id="mais_mail" alt="mais" src="visualizacao/images/seta.jpg"></a>
                <br/>
                <div id="mail"></div>
                <br/>
                Contatos:<a href="#"><img id="mais_tel" alt="mais" src="visualizacao/images/seta.jpg"></a><br/>
                <div id="tel"></div>
                <br/>
                <input type="submit" name="enviar" value="Salvar"/>
                <input type="reset" name="limpar" value="Limpar"/>
            </div>

            <div id="cad">
                <fieldset>
                    <legend>Dados Específicos</legend>
                    <?
                    if($tipo == c_cad_aluno) { ?>
                    Número de matricula:<br/>
                    <input type="text" name="num_matricula" size="12" maxlength="9"/><br/>
                    Ano de ingresso:<br/>
                    <input type="text" name="ano_ingresso" size="7" maxlength="6"/><br/>
                    <input type="submit" name="enviar" value="Salvar"/>
                    <input type="reset" name="limpar" value="Limpar"/>
                        <?
                    }else {
                        ?>
                    Matricula:<br/>
                    <input type="text" name="matricula" size="12"/><br/>
                    Introdução Lattes:<br/>
                    <textarea cols="20" rows="7" name="intro_lattes" wrap="hard"></textarea>
                    <br/>
                    Link do Lattes:<br/>
                    <input type="text" name="link_lattes" maxlength="15" size="15"/><br/>
                    Departamento:<br/>
                    <input type="text" name="departamento" maxlength="40" size="15"/><br/>
                    <input type="submit" name="enviar" value="Salvar"/>
                    <input type="reset" name="limpar" value="Limpar"/>
                        <?}?>
                </fieldset>
            </div>
        </fieldset>
    </form>
</div>